import React from "react";
import { StyleSheet } from "react-native";
import { SafeAreaView } from "react-native-safe-area-context";

const Content = ({ children }: any) => {
    return <SafeAreaView style={[styles.container]}>{children}</SafeAreaView>;
};

const styles = StyleSheet.create({
    container: {
        flex: 1,
        paddingHorizontal: 20, //设置水平内边距为 20。这相当于 TailwindCSS 中的 px-5
        paddingVertical: 12, // 设置垂直内边距为 12。这相当于 TailwindCSS 中的 py-3。
    },
});

export default Content;
